<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>国美在线--我的购物车</title>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/h_b_c.css" />
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/buy_steps.css" />
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/cart.css" />
		<!--我的购物车js 开始-->
		<script src="./Public/Home/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./Public/Home/js/cart.js" type="text/javascript" charset="utf-8"></script>
		<!--我的购物车js 结束-->
	</head>
	<!--登录后的    购物车页面-->
	<body class="cart w990 havecount">
				<!--topnav start-->
		<div id="topnav">
		  	<div class="wbox clearfix">
			    <ul class="topside">
				    <li data-visitor="hover" class="vphone" id="topNavHover"><b></b><a target="_blank" href="">手机国美</a>
				       	<div class="vphone-down"><a target="_blank" href=""></a><em class="i-angle"><i></i></em></div>
				    </li>
			        <li><a title="国之美" target="_blank" href="" rel="nofollow">国之美</a></li>
			        <li><a title="多边黄金" target="_blank" href="" rel="nofollow">多边黄金</a></li>
			    </ul>
			    <ul class="topmenu clearfix">
					<li id="loginDiv" class="login-top">
						                
						<span class="gwelcome">
							<a class="guser" href="" title="dailifang">dailifang</a>
							，欢迎您！
							<a class="glogout" href="http://127.0.0.1/d_shop/index.php?m=Home&c=Index&a=logout" title="退出">[退出]</a>
						</span>
											</li>
		        	<li class="linespace"></li>
		        	<li class="g-myoder"><a href="" rel="nofollow">我的订单</a></li>
			        <li id="homepageMyGome" class="pr hd-mygome js-tophover" done="true">
			        	<a href="" class="menulink gmlink" rel="nofollow">我的国美<b></b></a>
				        <div class="menuhide">
				            <ul class="mygomeinfo clearfix">
					            <li id="helloWordSpan" class="first firstfix">
					            	<span class="fl">您好，请<a href="" rel="nofollow">登录</a></span>
					            </li>
					            <li class="mygome-item item-line">
						            <span class="itemlist-name">订单提醒：</span>
						            <span class="mginfo">
						            	<a target="_blank" href="" rel="nofollow">待支付订单</a><span id="waitPay" class="highlight"></span>
						            </span>
						            <span class="mginfo">
						            	<a target="_blank" href="" rel="nofollow">待评价商品</a><span id="waitComm" class="highlight"></span>
						            </span>
					            </li>
					            <li class="mygome-item item-line">
						            <span class="itemlist-name">优&nbsp;&nbsp;惠&nbsp;&nbsp;券：</span>
						            <span class="mginfo">
						            	<a target="_blank" href="" rel="nofollow">红券</a><span id="redQuan" class="highlight"></span>
						            </span>
						            <span class="mginfo blueq">
						            	<a target="_blank" href="" rel="nofollow">蓝券</a><span id="blueQuan" class="highlight"></span>
						            </span>
						            <span class="mginfo blueq">
						            	<a target="_blank" href="" rel="nofollow">国酷券/折扣券</a><span id="discountQuan" class="highlight"></span>
						            </span>
						            <span class="mginfo">
						            	<a target="_blank" href="" rel="nofollow">店铺券</a><span id="dianpuQuan" class="highlight"></span>
						            </span>
						            <span class="mginfo">
						            	<a target="_blank" href="" rel="nofollow">品牌券</a><span id="pinpaiQuan" class="highlight"></span>
						            </span>
						            <span class="mginfo">
						            	<a target="_blank" href="" rel="nofollow">购物券</a><span id="doubleQuan" class="highlight"></span>
						            </span>
					            </li>
					            <li class="mygome-item">
					            	<span class="itemlist-name">&nbsp;</span>
						            <span class="mginfo">
						            	<a target="_blank" href="" rel="nofollow">我的收藏夹</a><span id="my-favorites" class="highlight"></span>
						            </span>
						            <span class="mginfo"><a target="_blank" href="" rel="nofollow">更多惊喜</a></span>
					            </li>
				          </ul>
				        </div>
			        </li>
		      		<li class="linespace"></li>
		      		<li> <a href="javascript:void(0);" class="triggerLive800">在线客服</a> </li>
		      	<li class="pr top-map js-tophover t-help-center">
		      		<a href="" class="menulink " rel="nofollow" target="_blank"><span class="valign-inline">服务中心</span><b></b></a>
			        <div class="menuhide">
				        <div class="top-mapbox">
				            <dl>
					            <dd class="fsm-first">
						            <a rel="nofollow" target="_blank" href="">购物流程</a>
						            <a rel="nofollow" target="_blank" class="tm-side" href="">在线支付</a>
						            <a rel="nofollow" target="_blank" href="">货到付款</a>
						            <a rel="nofollow" target="_blank" class="tm-side" href="">配送查询</a>
						            <a rel="nofollow" target="_blank" href="">退换货服务</a>
						            <a rel="nofollow" target="_blank" class="tm-side" href="">延保服务</a>
						            <a target="_blank" href="">家电维修</a>
						            <a target="_blank" class="tm-side" href="">家电回收</a>
					            </dd>
				              	<dd class="">
					                <a rel="nofollow" target="_blank" href="">常见问题</a>
					                <a rel="nofollow" target="_blank" class="tm-side" href="">自助服务</a>
					                <a rel="nofollow" target="_blank" href="">联系我们</a>
					                <a rel="nofollow" target="_blank" class="tm-side" href="">监督举报</a>
				              	</dd>
				              	<dd>
				                	<div class="telnum">客服热线：<strong>4008-708-708</strong></div>
				              	</dd>
				            </dl>
				        </div>
			        </div>
		      	</li>
		      	<li class="pr top-map js-tophover company">
			      	<a href="" class="menulink " rel="nofollow" target="_blank"><span class="valign-inline">企业服务</span><b></b></a>
			        <div class="menuhide">
			          	<div class="top-mapbox"><a rel="nofollow" target="_blank" href="">企业采购</a> <a rel="nofollow" target="_blank" href="">企业客户</a></div>
			        </div>
		      	</li>
		      	<li class="no-map"><a href="" class=" " target="_blank"><span class="valign-inline">国美社区</span></a></li>
		      	<li class="no-map" id="menus-itemlast">
		      		<a href="" class=" g-jion" rel="nofollow" target="_blank"><span class="valign-inline">商家入驻</span><span class="valign-inline-tip"></span></a>
		      	</li>
		    </ul>
		  	</div>
		</div>
		<!--topnav end-->
		<!--nMain start-->
		<div class="nMain">
			<!-- 顶部logo，当前订单阶段 -->
			<div class="nTop clearfix">
				<h1 class="logo">
					<a target="_blank" title="国美在线" href="index.php">
						<img src="./Public/Home/images/gome-logoico.png">
					</a>
				</h1>
				<ul class="steps nLowLeight">
					<li class="last">
						<b>3</b><em class="f">成功提交订单</em>
					</li>
					<li class="">
						<b>2</b><span class="going"></span><em class="f">填写核对订单信息</em>
					</li>
					<li class="first prev cur">
						<b>1</b><span class="going"></span><em class="f">我的购物车</em>
					</li>
				</ul>
			</div>
			<!--顶部logo end-->
			<!--购物车内容 start-->
			<div class="w2 cart">
				<div class="cart-hd group">
					<h2>我的购物车</h2>
				</div>
				<div id="show">
					<?php if(isset($cartData)){?>
                
					<div class="cart-inner">
						<!--表头单元格 开始-->
						<div class="cart-thead clearfix">
							<!--第1列 开始-->
							<div class="column t-checkbox form1">
								<!--切换toggle  复选框checkbox-->
								<input type="checkbox" class="btnCheckAll" name="toggle-checkboxes" checked />
								<label>全选</label>
							</div>
							<!--第2列 开始-->
							<div class="column t-goods">商品</div>
							<!--第3列 开始-->
							<div class="column t-price">单价（元）</div>
							<!--第4列 开始-->
							<div class="column t-quantity">数量</div>
							<!--第5列 开始-->
							<div class="column t-inventorv">
								<!--小计-->
								</div>
							<!--第6列 开始-->
							<div class="column t-action">操作</div>
						</div>
						<!--表头单元格 结束-->
						<!--循环开始 类似table里的tr 开始-->
						<?php foreach ($cartData as $k=>$v){?>
						<div id="sid<?php echo $k?>" class="cart-tbody">
							<div class="item-meet meet-give">
								<div class="item item_selected  item-last">
									<div class="item_form clearfix">
										<!--第1列 开始-->
										<div class="cell p-checkbox">
											<input type="checkbox" sid="<?php echo $k?>" class="checkbox" name="boxs" checked="checked" />
										</div>
										<!--第1列 结束-->
										<!--第2列 商品 开始-->
										<div class="cell p-goods">
											<div class="p-img">
												<a href="" target="_blank">
													<img src="<?php echo $v['options']['pic']?>" width="50" height="50">
												</a>
											</div>
											<div class="p-name">
												<?php if(isset($v['cid'])){?>
                
												<a href="<?php echo U('Detail/index',array('cate_id'=>$v['cid'],'goods_id'=>$v['id']))?>" target="_blank">
												<?php }else{?>
												<a href="<?php echo U('Detail/index',array('goods_id'=>$v['id']))?>" target="_blank">
												
               <?php }?>
													<span class="promise411"><?php echo $v['name']?></span>
												</a>
												<div class="sku-line">
													<p>颜色分类：<?php echo $v['options']['color']?></p>
													<p>尺码：<?php echo $v['options']['size']?></p>
												</div>
											</div>
										</div>
										<!--第2列 商品 结束-->
										<!--第3列 单价（元）  开始-->
										<div class="cell p-price">
											<p><?php echo $v['options']['mprice']?></p>
											<strong class="preferential"><?php echo $v['price']?></strong>
										</div>
										<!--第3列 单价（元） 结束-->
										<!--第4列 数量 开始-->
										<div class="cell p-quantity">
											<div class="quantity-form">
												<a class="subtract" href="javascript:void(0)">
													<span class="decrement">-</span>
												</a>
												<input type="text" class="quantity-text" name="<?php echo $v['id']?>"  value="<?php echo $v['num']?>" />
												<a class="subtract" href="javascript:void(0)">
													<span class="decrement">+</span>
												</a>
											</div>
										</div>
										<!--第4列 数量  结束-->
										<!--第5列 小计  开始-->
										<div class="cell p-subTotal">
											<!--<strong><?php echo $v['subTotal']?></strong>-->
										</div>
										<!--第5列 小计 结束-->
										<!--第6列 操作 开始-->
										<div class="cell p-remove  col-2">
											<a href="javascript:void(0)" sid="<?php echo $k?>" class="cart-remove">
												删除
											</a>
										</div>
										<!--第6列 操作 结束-->
									</div>
								</div>
							</div>
						</div>
						<?php }?>
						<!--循环结束 类似table里的tr 结束-->
						<!--总计 去结算 开始-->
						<div id="htmlTotal">
							
							<div class="cart-toolbar clearfix">
								<div class="total fr">
									<!--方法1 直接 echo 输出 购物车类里的方法 即可-->
									<!--<p> <?php echo Cart::getTotalPrice();  ?></p>-->
									<!--方法2 js计算-->
									<p>  总计：<span id="totalSkuPrice" style="color:#E4393C;"> </span></p>
								</div>
								<div class="amout fr">
									<span id="selectedCount"></span>件商品
								</div>
							</div>
							
							<div class="ui-ceilinglamp-1" style="width:988px;height:49px">
								<div class="cart-dibu" style="width:988px;height:49px">
									<div class="control fdibu">
										<span class="column t-checkbox form1">
											<input type="checkbox" class="btnCheckAll cartCheckbox" name="btnCheckAll_down" checked="checked"/>
											<label>全选</label>
										</span>
										<span class="delete">
											<a id="remove-batch" href="javascript:void(0)">删除选中的商品</a>
										</span>
										<span class="doshopping">
											<a href="<?php echo U('Index/index')?>" target="_blank" id="continue">继续购物</a>
										</span>
									</div>
									<div class="cart-total-Box">
										<div class="cart-button">
											<a class="checkout" id="cartMessage" href="javascript:void(0)">去结算</a>
										</div>
										<div class="total fr">总计（不含运费）：<span id="finalPrice"></span></div>
									</div>
								</div>
							</div>
						</div>
						<!--总计 去结算 结束-->
					</div>
					<?php }else{?>
					<!--购物车没商品时显示 start-->
					<div class="cart-empty">
						<div class="message">
							<p>购物车内暂时没有商品，您可以<a href="<?php echo U('Index/index')?>" target="_blank">去首页</a>挑选喜欢的商品</p>
						</div>
					</div>
					<!--购物车没商品时显示 end-->
					
               <?php }?>
				</div>
			</div>
			<!--购物车内容 end-->
		</div>
		
		
		<div id="deleteBackground" class="thickdiv hide" style="width: 100%; height: 980px;"></div>
		<div class="thickbox hide" style="left: 499.5px; top: 250px; width: 412px; height: 503px;">
			<!--===========删除商品弹框 start==============-->
			<div class="thickwrap hide" id="deleteCartGoods" style="width: 340px;">
				<div id="" class="thicktitle" style="width:320">
					<span>删除商品</span>
				</div>
				<div class="thickcon" style="width: 320px; height: 100px; padding-left: 10px; padding-right: 10px;">
					<div class="m flexbox">
						<div class="mc">
							<div class="tip-box icon-box">
								<span class="warn-icon m-icon"></span>
								<div class="item-fore">
									<h3 class="ftx04"></h3>
									<div class="op-btns">
										<a id="btnRemoveConfirm" gid="" class="btn-9" href="javascript:void(0);">确定</a>
										<a id="cancelRemoveConfirm" class="btn-9 ml10" href="javascript:void(0);">取消</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<a class="thickclose" href="#">×</a>
			</div>
		</div>
		
		<!--模态框 开始-->
		<div id="alertDiv" style="display:none" class="dailogboxbg">
		    <div class="alert22">
		        <h4><span>Tips</span><span id="close22" onclick="closeMe();">&nbsp;&nbsp;&nbsp;&nbsp;</span></h4>
		        <p>没有商品，请添加商品！</p>
		        <p>
		            <input type="button" value="关闭" class="sub" onclick="closeMe();"/>
		        </p>
		    </div>
		</div>
		<!--模态框 结束-->
		
		<!--nMain end-->
				<!--footer start-->
		<div id="ftr" class="wbox">
			<div class="footer-link">
				<a href="" target="_blank" rel="nofollow">商家入驻</a>|
				<a href="" target="_blank" rel="nofollow">销售联盟</a>|
				<a href="" target="_blank" rel="nofollow">关于国美在线</a>|
				<a href="" target="_blank" rel="nofollow">企业大客户</a>|
				<a href="" target="_blank" rel="nofollow">首页用户体验调研</a>|
				<a href="" target="_blank">友情链接</a>|
				<a href="" target="_blank" rel="nofollow">手机国美</a>|
				<a href="" target="_blank">热门搜索</a>|
				<a href="" target="_blank">商品专题</a>|
				<a href="" target="_blank">品牌大全</a>
			</div>
			<div class="segments">
				<span class="pr gome-website"><b class="ico gomegroup"></b><a href="" target="_blank" rel="nofollow">国美集团</a></span>
				<a class="ftr-gomelink" target="_blank" rel="nofollow" href="">店面导航图</a>
				<a class="ftr-gomelink" target="_blank" rel="nofollow" href="">多边金都</a>
			</div>
			<div class="copyright">©2000-2016 国美在线电子商务有限公司 版权所有</div>
		</div>
		<!--footer end-->
	</body>
</html>
